
/******************************************************************************************************************/

/*
 * jQuery UI Customizr
 *
 * Copyleft 2011, MangoLabs
 * Dual licensed under the MIT or GPL Version 2 licenses.
 *
 * http://mangolabs.com.ar/customizr
 */


 
 
 
/* jQuery UI Resets
----------------------------------*/

/* Buttons */

.ui-widget {
	font-family: inherit;
	font-size: 100%;
}

/*
.ui-buttonset .ui-button {
	margin-right: -3px;
}
*/

.ui-button-text-icon-primary .ui-button-text {
	padding: 0.35em 0.8em 0.3em 2em;
}

.button, .ui-button-text-only .ui-button-text {
	padding: 0.3em 0.8em;
}

.button {
	-moz-border-radius: 6px;
	line-height: 1.4;
	display: inline-block;
}

/* Corner radius */

.ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-right {  -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }
.ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }












	
/* CLASSIC
=========================================================================================================================== */


/* jQuery UI Interaction states
----------------------------------*/

	.app-classic .button, .app-classic .ui-state-default, .app-classic .ui-widget-content .ui-state-default, .app-classic .ui-widget-header .ui-state-default {
		border-color: #CCCCCC #BBBBBB #A0A0A0;
		border-left: 1px solid #BBBBBB;
		border-right: 1px solid #BBBBBB;
		border-style: solid;
		border-width: 1px;
		background: #e6e6e6; /* old browsers */
		background: -moz-linear-gradient(top, #F9F9F9 0%, #D5D5D5 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#D5D5D5)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D5D5D5',GradientType=0 ); /* ie */
		font-weight: normal;
		color: #000000;
		-moz-box-shadow: 1px 0 1px white inset;
	}


	.app-classic .button, .app-classic .ui-state-default a, .app-classic .ui-state-default a:link, .app-classic .ui-state-default a:visited {
		color: #000000;
		text-decoration: none;
	}

	.app-classic .button:hover, .app-classic .ui-state-hover, .app-classic .ui-widget-content .ui-state-hover, .app-classic .ui-widget-header .ui-state-hover, .app-classic .ui-state-focus, .app-classic .ui-widget-content .ui-state-focus, .app-classic .ui-widget-header .ui-state-focus {
		border: 1px solid #7a7a7a;
		font-weight: normal;
		color: #212121;
	}

	.app-classic .button:hover, .app-classic .ui-state-hover a, .app-classic .ui-state-hover a:hover {
		color: #212121;
		text-decoration: none;
	}
	
	.app-classic .button:active, .app-classic .ui-state-active, .app-classic .ui-widget-content .ui-state-active, .app-classic .ui-widget-header .ui-state-active {
		border: 1px solid #555;
		background: #999; /* old browsers */
		background: -moz-linear-gradient(top, #999 0%, #666 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#666)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#666',GradientType=0 ); /* ie */
		font-weight: normal;
		color: white;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		text-shadow: none;
	}
	
	.app-classic .button:active, .app-classic .ui-state-active a, .app-classic .ui-state-active a:link, .app-classic .ui-state-active a:visited {
		text-decoration: none;
	}
	
	.app-classic .ui-widget :active {
		outline: none;
	}

	.app-classic .ui-button .ui-button-text {
		text-shadow: 0 1px 0 white;
	}
	
	.app-classic .button:active, .app-classic .ui-state-active .ui-button-text {
		text-shadow: none;
	}














/* DARK
=========================================================================================================================== */




/* jQuery UI Interaction states
----------------------------------*/

	.app-dark .button, .app-dark .ui-state-default, .app-dark .ui-widget-content .ui-state-default, .app-dark .ui-widget-header .ui-state-default {
		border: 1px solid black;
		background: #595959; /* old browsers */
		background: -moz-linear-gradient(top, #595959 0%, #2D2D2D 33%, #0E0E0E 81%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#595959), color-stop(33%,#2D2D2D), color-stop(81%,#0E0E0E)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#0E0E0E',GradientType=0 ); /* ie */
		font-weight: normal;
		color: #DDD;
		text-shadow: 0 1px 0 black;
	}


	.app-dark .button, .app-dark .ui-state-default a, .app-dark .ui-state-default a:link, .app-dark .ui-state-default a:visited {
		text-decoration: none;
	}

	.app-dark .button:hover, .app-dark .ui-state-hover, .app-dark .ui-widget-content .ui-state-hover, .app-dark .ui-widget-header .ui-state-hover, .app-dark .ui-state-focus, .app-dark .ui-widget-content .ui-state-focus, .app-dark .ui-widget-header .ui-state-focus {
		border: 1px solid black;
		font-weight: normal;
		color: orange;
	}

	.app-dark .ui-state-hover a, .app-dark .ui-state-hover a:hover {
		color: orange;
		text-decoration: none;
	}
	
	.app-dark .button:active, .app-dark .ui-state-active, .app-dark .ui-widget-content .ui-state-active, .app-dark .ui-widget-header .ui-state-active {
		background: black;
		filter: none;
	}
	
	.app-dark .button:active, .app-dark .ui-state-active a, .app-dark .ui-state-active a:link, .app-dark .ui-state-active a:visited {
		color: #212121;
		text-decoration: none;
	}
	
	.app-dark .ui-widget :active {
		outline: none;
	}
	
	
	
